@external .gwt-DialogBox, .gwt-Button, .gwt-PushButton, .gwt-ToggleButton, .gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering, .gwt-TabLayoutPanelTab, .gwt-TabLayoutPanelTab-selected, .gwt-TabLayoutPanelTabs, .Caption;
.gwt-PushButton {
	cursor: pointer;
}

.gwt-PushButton:disabled {
	cursor: default;
}

h1, h2, h3, h4, h5 {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
}

h1, h2, h3, h4, .columnHeader, .caption, .commonText,
	.gwt-CellTable-dataGridHeader.columnHeader, .gwt-TabLayoutPanelTab,
	.link {
	font-family: Titillium Web;
	color: #3397FD;
	text-shadow: none;
}

.link {
	text-decoration: underline;
	background: transparent;
	border: none;
	cursor: pointer;
}

.commonText.gwt-CellTable-dataGridEvenRow, .commonText.gwt-CellTable-dataGridOddRow
	{
	font-family: Titillium Web;
	color: #2671be;
	text-shadow: none;
}

.columnHeader, .gwt-CellTable-dataGridHeader.columnHeader {
	border-bottom: 2px solid #3397fd;
	text-align: center;
}

h5 {
	font-family: Titillium Web;
	color: #4474a5;
}

hr {
	border: none;
	height: 1px;
	color: silver;
	background-color: silver;
}

.caption {
	border-bottom: 3px solid #3397FD;
}

.gwt-TabLayoutPanelTabs {
	display: flex;
}

.gwt-TabLayoutPanelTab {
	padding: 2px;
	vertical-align: bottom;
	border-bottom: 1px solid #3397FD;
	border-right: 1px solid #2985E2;
	background-color: white;
	cursor: pointer;
	/*flex-grow: 1;*/
	padding-left: 50px;
	padding-right: 50px;
}

.gwt-TabLayoutPanelTab.gwt-TabLayoutPanelTab-selected {
	cursor: default;
	background-color: #3397FD;
	color: white;
	font-weight: bold;
}

.dialog {
	border: 1px solid #3397FD;
	background-color: white;
	z-index: 1002;
}

.toolHeader {
	text-align: center;
}

.gwt-Button, .toolHeader {
	background-color: white;
	border: 1px solid #3397FD;
	color: #3397FD;
	padding: 10px 7px 10px 7px;
	font-family: Titillium Web;
	font-size: 15px;
	font-weight: bold;
}

.gwt-Button {
	cursor: pointer;
}

.gwt-Button:active {
	background-color: #3397FD;
	color: white;
}

.gwt-Button:focus, .gwt-PushButton:focus, .gwt-ToggleButton:focus,
	button:focus {
	outline: none;
}

.gwt-Button[disabled] {
	background-color: whitesmoke;
	border-color: gray;
	color: darkgray;
	cursor: default;
}

.glass {
	background-color: rgba(201, 209, 211, 0.63);
}

.emptyList {
	font-style: italic;
	padding-left: 15px;
}

.tri_right {
	position: relative;
	margin-bottom: 2em;
	padding: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: #999;
	background: white;
	/* transform: rotateZ(45deg); */
}

/* Required for Down Triangle */
.tri_right:before, .tri_right:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}

/* Stroke */
.tri_right:before {
	right: -21px;
	top: 17px;
	/* If 1px darken stroke slightly */
	border-right-color: #777;
	border-width: 32px;
	transform: rotateZ(-45deg);
}

/* Fill */
.tri_right:after {
	right: -20px;
	top: 17px;
	border-right-color: white;
	border-width: 32px;
	transform: rotateZ(-45deg);
}

.tri_left {
	position: relative;
	margin-bottom: 2em;
	padding: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: #999;
	background: white;
	/* transform: rotateZ(45deg); */
}

/* Required for Down Triangle */
.tri_left:before, .tri_left:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}

/* Stroke */
.tri_left:before {
	left: -21px;
	top: -6px;
	/* If 1px darken stroke slightly */
	border-right-color: #777;
	border-width: 32px;
	transform: rotateZ(135deg);
}

/* Fill */
.tri_left:after {
	left: -20px;
	top: -6px;
	border-right-color: white;
	border-width: 32px;
	transform: rotateZ(135deg);
}

.actionButton {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d),
		color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
		Geneva, Verdana, sans-serif;
	padding: 7px;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	font-size: 17px;
	cursor: pointer;
}

.headerBar {
	margin-left: 10px;
}

.buttonBar {
	padding-right: 10px;
}

.buttonBar .gwt-PushButton, .buttonBar .toggleBar {
	display: inline-block;
	/*
	padding-left: 10px;
	padding-right: 10px;
	*/
}

.buttonBar .gwt-ToggleButton {
	cursor: pointer;
}

.buttonBar .gwt-ToggleButton-down, .buttonBar .gwt-ToggleButton-down-hovering
	{
	border: 1px solid #FDCD33;
	/* border-radius: 12px; */
	background-color: #FDFD33;
}

.toggleBar {
	border: 1px solid #3397FD;
	margin-left: 20px;
}

.yellowButton {
	background-color: #EBE584;
	border: 1px solid #A89917;
	-moz-box-shadow: inset 0px 0px 1px rgba(184, 166, 43, 1);
	-webkit-box-shadow: inset 0px 0px 1px rgba(184, 166, 43, 1);
	box-shadow: inset 0px 0px 1px rgba(184, 166, 43, 1);
	background-image: -o-linear-gradient(90deg, #E9DC7E 0%, #F6F1B4 100%);
	background-image: -moz-linear-gradient(90deg, #E9DC7E 0%, #F6F1B4 100%);
	background-image: -webkit-linear-gradient(90deg, #E9DC7E 0%, #F6F1B4 100%);
	background-image: -ms-linear-gradient(90deg, #E9DC7E 0%, #F6F1B4 100%);
	background-image: linear-gradient(90deg, #E9DC7E 0%, #F6F1B4 100%);
	color: #A78E0F;
	text-shadow: rgba(254, 252, 252, 0.5) 0px 1px 0px;
}

.blueButton {
	background-color: #759ae9;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9),
		color-stop(50%, #376fe0), color-stop(50%, #1a5ad9),
		color-stop(100%, #2463de));
	background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%,
		#2463de 100%);
	background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de
		100%);
	background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de
		100%);
	background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de
		100%);
	background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
	border-top: 1px solid #1f58cc;
	border-right: 1px solid #1b4db3;
	border-bottom: 1px solid #174299;
	border-left: 1px solid #1b4db3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 0;
	text-shadow: 0 -1px 1px #1a5ad9;
}

.redButton {
	background-color: #ee432e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e),
		color-stop(50%, #c63929), color-stop(50%, #b51700),
		color-stop(100%, #891100));
	background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%,
		#891100 100%);
	background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100
		100%);
	background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100
		100%);
	background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100
		100%);
	background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	border: 1px solid #951100;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px
		#333333;
	box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	color: #fff;
	font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 12px 0 14px 0;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}

.actionButton.redButton {
	padding: 7px;
	font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
		Geneva, Verdana, sans-serif;
	font-size: 17px;
	box-shadow: none;
}

.orangeButton {
	border: 1px solid #CE9A01;
	-webkit-box-shadow: #FFF563 0px 1px 0px inset;
	-moz-box-shadow: #FFF563 0px 1px 0px inset;
	box-shadow: #FFF563 0px 1px 0px inset;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: arial, helvetica, sans-serif;
	padding: 7px 14px 7px 14px;
	text-decoration: none;
	display: inline-block;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
	font-weight: bold;
	color: #63460C;
	background-color: #FFD65E;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD65E),
		to(#FEBF04));
	background-image: -webkit-linear-gradient(top, #FFD65E, #FEBF04);
	background-image: -moz-linear-gradient(top, #FFD65E, #FEBF04);
	background-image: -ms-linear-gradient(top, #FFD65E, #FEBF04);
	background-image: -o-linear-gradient(top, #FFD65E, #FEBF04);
	background-image: linear-gradient(to bottom, #FFD65E, #FEBF04);
	filter: progid\:DXImageTransform\.Microsoft\.gradient(GradientType\=0,
		startColorstr\= #FFD65E, endColorstr\= #FEBF04);
}

.orangeButton:hover {
	border: 1px solid #CE9A01;
	background-color: #FFC92B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC92B),
		to(#CE9A01));
	background-image: -webkit-linear-gradient(top, #FFC92B, #CE9A01);
	background-image: -moz-linear-gradient(top, #FFC92B, #CE9A01);
	background-image: -ms-linear-gradient(top, #FFC92B, #CE9A01);
	background-image: -o-linear-gradient(top, #FFC92B, #CE9A01);
	background-image: linear-gradient(to bottom, #FFC92B, #CE9A01);
	filter: progid\:DXImageTransform\.Microsoft\.gradient(GradientType\=0,
		startColorstr\= #FFC92B, endColorstr\= #CE9A01);
}

.orangeButton[disabled], .orangeButton:hover[disabled] {
	cursor: default;
	border: 1px solid #BEBCB3;
	background-color: #EDE9DE;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC92B),
		to(#CE9A01));
	background-image: -webkit-linear-gradient(top, #EDE9DE, #BEBCB3);
	background-image: -moz-linear-gradient(top, #EDE9DE, #BEBCB3);
	background-image: -ms-linear-gradient(top, #EDE9DE, #BEBCB3);
	background-image: -o-linear-gradient(top, #EDE9DE, #BEBCB3);
	background-image: linear-gradient(to bottom, #EDE9DE, #BEBCB3);
	filter: progid\:DXImageTransform\.Microsoft\.gradient(GradientType\=0,
		startColorstr\= #EDE9DE, endColorstr\= #BEBCB3);
	-webkit-box-shadow: #FAFAFA 0px 1px 0px inset;
	-moz-box-shadow: #FAFAFA 0px 1px 0px inset;
	box-shadow: #FAFAFA 0px 1px 0px inset;
}

.noRemarkSelection .gwt-CellTable-dataGridKeyboardSelectedCell,
	.noRemarkSelection .gwt-CellTable-dataGridKeyboardSelectedRowCell,
	.noRemarkSelection .gwt-CellTable-dataGridSelectedRowCell,
	.noRemarkSelection .gwt-CellTable-dataGridSelectedRow {
	background-color: transparent;
	border: 0px;
	color: inherit;
}

.button {
	cursor: pointer;
}

.lightBlueButton {
	border-radius: 12px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	color: rgb(34, 114, 216);
	background: #e1ffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff
		12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ffff),
		color-stop(7%, #e1ffff), color-stop(12%, #e1ffff),
		color-stop(12%, #fdffff), color-stop(30%, #e6f8fd),
		color-stop(54%, #c8eefb), color-stop(75%, #bee4f8),
		color-stop(100%, #b1d8f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%,
		#fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%
		, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff
		12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff
		12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* W3C */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\= '#e1ffff',
		endColorstr\= '#b1d8f5', GradientType \= 0); /* IE6-8 */
}

.button:disabled {
	cursor: default;
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee),
		color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
	/* W3C */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\= '#eeeeee',
		endColorstr\= '#cccccc', GradientType \= 0); /* IE6-8 */
}

@def loader_color white;
.loader {
	animation: loader 5s cubic-bezier(.8, 0, .2, 1) infinite;
	-webkit-animation: loader 5s cubic-bezier(.8, 0, .2, 1) infinite;
	height: 40px;
	width: 41px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	bottom: 16px;
	right: 3px;
	border-radius: 100px;
	box-shadow: #8cc4f8 0px 0px 10px;
	background-color: #8cc4f8;
}

.loader .top {
	animation: top 5s linear infinite;
	-webkit-animation: top 5s linear infinite;
	border-top: 20px solid loader_color;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	height: 0px;
	width: 1px;
	transform-origin: 50% 100%;
}

.loader .bottom {
	animation: bottom 5s linear infinite;
	-webkit-animation: bottom 5s linear infinite;
	border-right: 20px solid transparent;
	border-bottom: 20px solid loader_color;
	border-left: 20px solid transparent;
	height: 0px;
	width: 1px;
	transform: scale(0);
	transform-origin: 50% 100%;
}

.loader .line {
	animation: line 5s linear infinite;
	-webkit-animation: line 5s linear infinite;
	border-left: 1px dotted loader_color;
	height: 0px;
	width: 0px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.form {
	
}

.infoInline-text {
	font-family: sans-serif;
	font-size: 12px;
}

.infoInline-box.noBorder.infoInline-info {
	background-color: transparent;
	border: 0px;
}

.columnHeader.member1, .columnHeader.member2, .columnHeader.single {
	width: 100%;
}

.columnHeader.member1, .gwt-CellTable-dataGridHeader.columnHeader.member1,
	.columnHeader.single, .gwt-CellTable-dataGridHeader.columnHeader.single
	{
	border-bottom: 3px solid #e3fce3;
}

.gwt-CellTable-dataGridHeader.columnHeader.member1,
	.gwt-CellTable-dataGridHeader.columnHeader.member2 {
	width: auto;
}

.gwt-CellTable-dataGridHeader.columnHeader.single {
	width: 80%;
}

.columnHeader.member2, .gwt-CellTable-dataGridHeader.columnHeader.member2
	{
	border-bottom: 3px solid #fcf1e3;
}

/*.gwt-DialogBox .Caption {
	border: #bccceb 1px solid;
	background-color: #C6E2EC;
	color: #214D9C;
	font-family: Titillium Web;
	text-align: center;
}*/
.footerBar {
	
}

@sprite .increaseButton {
	gwt-image: 'increaseIcon';
	border: none;
	cursor: pointer;
}

@sprite .decreaseButton {
	gwt-image: 'decreaseIcon';
	border: none;
	cursor: pointer;
}

@sprite .googlePlayButton {
	width: 80% !important;
	max-width: 400px;
	display: inline-block;
	/*-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;*/
	float: none;
	z-index: auto;
	width: auto;
	height: auto;
	position: static;
	cursor: pointer;
	opacity: 1;
	margin: 0;
	padding: 6px 20px 6px 53px;
	overflow: visible;
	border: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: normal 18px/normal "Quantico", Helvetica, sans-serif;
	color: #007CFF;
	-o-text-overflow: clip;
	text-overflow: clip;
	gwt-image: 'googlePlayIcon';
	background-color: whitesmoke;
	background-repeat: no-repeat;
	background-position: 14px 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	-webkit-box-shadow: 1px 1px 0 0 #ABB8BA;
	box-shadow: 1px 1px 0 0 #ABB8BA;
	text-shadow: 1px 1px 0 rgba(168, 168, 168, 0.66);
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}

.android {
	
}

.relative {
	position: relative;
}

.mask {
	font-style: italic;
	color: silver;
	color: #93B5D5;
}